.page {
	//position: absolute;
	//width: 100%;
	//height: 100%;
	//background: #f6f6f6;
	// overflow-x: hidden;
	// overflow-y: auto;
	//padding-bottom: 40rpx;
}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
	  
	background: url('../../static/background.jpg');
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   
		   
		   
		   
		   
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}

.main{
	position: fixed;
	left: 0;
	top:193.6rpx;
	
	
	/* 搜索 */
	.search-head {
		display: flex;
		align-items: center;
		width: 100%;
		.search {
			display: flex;
			align-items: center;
			margin: 17rpx 17.6rpx;
			width: 718.6rpx;
			height: 52.33rpx;
			background: #ffffff;
			border: 1.74rpx solid #8ae9cd;
			border-radius: 27.91rpx;
			justify-content: flex-start; 
			border-radius: 60rpx;
			padding: 0 4%;
			text {
				font-size: 34rpx;
				color: #c0c0c0;
			}
			input {
				width: 90%;
				height: 100%;
				font-size: 26rpx;
				color: #212121;
				margin-left: 10rpx;
			}
		}
	}
	// 商品详情
	.collection-list {
	   overflow-y: auto;
	   height: 100vh; 
	   padding-bottom: 300rpx;
	  .collection-item {
			margin: 20rpx;
	    display: flex;
	   
	    background: #fff;
	    padding: 30rpx;
	    margin-bottom: 12px;
	    background: #ffffff;
	    border-radius: 12rpx;
	    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16); 
	    .shop-image {
	      width: 85px;
	      height: 85px;
	      border-radius: 6px;
	      margin-right: 12px;
	      background: #f5f5f5;
	    }
	    .content {
	      flex: 1;
	      min-width: 0; // 解决文本溢出问题
	      display: flex;
			  flex-direction: column;
			  justify-content: space-between;
	      .shop-name {
	       font-size: 17px;
	       font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
	       font-weight: 700;
	       text-align: left;
	       color: #000000;
	      }
	      
	      .business-hours {
	        font-size: 20rpx;
	        color: #000;
	        display: flex;
	        align-items: center;
			  .viewbox{
				 display: flex;
				  font-size: 17.44rpx;
				  font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Bold;
				  font-weight: 700;
				 
				  color: #000000;
				  padding: 0 8.72rpx;
				  background: #ffffff;
				  border: 1px solid #dfdfdf;
				  border-radius: 4px;
				  height: 41rpx;
				  line-height: 41rpx;
					
			  }
	        .iconfont {
	          color: #999;
	          margin-right: 4px;
	          font-size: 14px;
	        }
	      }
	    }
	    
	    .right-content {
	      text-align: right;
	      margin-left: 12px;
	      display: flex;
	        flex-direction: column;
	        justify-content: space-between;
			
	      .distance {
	        font-size: 20rpx;
	        font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Regular;
	        font-weight: 400;
	        text-align: right;
	        color: #646464;
			  .icon-dingwei {
			    color: #000000;
			    margin-right: 4px;
			    font-size: 14px;
			  }
	      }
	      
	      .collect{
	      	border: 1rpx solid #ffdf11;
	      	border-radius: 20.93rpx;
	      	.iconfont{
	      		
	      		padding: 8.7rpx;
	      		font-size: 17.4rpx;
	      		
	      		display: flex;
	      		.iconfont{
	      			font-size: 22rpx;
	      			line-height: 10rpx;
	      			margin-right: 6rpx;
	      		}
	      	}
	      	
	      }
	    }
	  }
	}
	}